<template>
    <div class="guli-player">
        <div class="head">
            <a href="#" title="谷粒学院">
                <img class="logo" src="~/assets/img/logo.png" lt="谷粒学院">
            </a>
        </div>
        <div class="body">
            <div class="content">
                <nuxt />
            </div>
        </div>
    </div>
</template>
<script>
    export default {}
</script>
<style>
    html,
    body {
        height: 100%;
    }
</style>
<style scoped>
    .head {
        height: 50px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .head .logo {
        height: 50px;
        margin-left: 10px;
    }

    .body {
        position: absolute;
        top: 50px;
        left: 0;
        right: 0;
        bottom: 0;
        overflow: hidden;
    }
</style>